<template>
    <div class="city">
        <my-header :city="cityName"></my-header>
        <!-- 轮播图 -->
        <div class="carousel">
            <el-carousel>
                <el-carousel-item v-for="(item) in carouselImg" :key="item.index">
                <img :src="item.url" alt="">
                </el-carousel-item>
            </el-carousel>
        </div>

        <!-- 从这里开始写 -->
        <!-- 这里写该城市的旅游资讯 -->
		<div class="tourism">		
			<div class="lvyou">
				<p>南澳岛</p>
				<div class="jingdian">南澳岛位于广东省和福建省交界的海域上，是一个海岛县。岛上主要有金银岛、青澳湾、黄花山国家森林公园、南澳总兵府、
				宋井和叠石岩等景点。南澳岛的山水景致浑然天成，因为开发的比较少，所以环境保护的不错，许多山石草木依然保留着原始的面貌，海滩风景也很优美，
				是小众打卡拍照胜地。另外，岛上还有些历史遗迹，闲暇之余可以逛一逛。</div>
			</div>
			<div class="lvyou">
				<p>观海长廊</p>
				<div class="jingdian">汕头金平区的海滨路上，有一处汕头市有名的观海胜地叫观海长廊，也称滨海长廊。景点实际就是沿着南岸修的一段海堤，
				旁边有轮渡码头，这里的海水质量并不好，吹着海风散散步还是不错的。该路段景色秀美宜人，交通便捷。隔海，可以遥望对面的汕头知名景点——礐石风景区。
				隔路，是人民广场、体育馆、迎宾馆、市政府、科技大厦等大型建筑。可以到人民广场上看大型雕塑——一群欢快的儿童抬着一个大海螺向海滨走去。</div>
			</div>
			<div class="lvyou">
				<p>黄花山森林公园</p>
				<div class="jingdian">黄花山森林公园是全国唯一的海岛国家森林公园，它的主要特色是山林野趣。面积2.06万亩，北回归线从中部横穿而过。这里三面环海，
				山恋重叠，林茂石奇，自然资源和人文景观十分丰富。黄花山国家森林公园热门景点： 尖山浴日、长山夕照、龟埕景区、摩崖石刻、坑道探险、凤洲望夫、牵莱园、
				抗日纪念馆、知青旧址。拥有102科1440多种热带、亚热带植物，其中有植物活化石竹柏、国内外珍贵的细叶葡萄、黄杨等野生盆景植物，栖息有黄嘴白鹭、蟒蛇......</div>
			</div>
		</div>



        <!-- 这个是地方美食的轮播图   -->
        <div class="carouselMeishi">
            <el-carousel :interval="4000" type="card">
                <el-carousel-item v-for="(item) in carouselMeishi" :key="item.index">
                <img :src="item.url" alt="">
                </el-carousel-item>
            </el-carousel>
        </div>

        <!-- 这里写该城市的美食推荐 -->
		<div class="food">
			<div class="meishi">
				<p>猪肠胀糯米</p>
				<div class="msjieshao">
					糯米猪肠为广东潮州市地方汉族传统民间小食，历史悠久，取才考究，馅料丰富，制法别致，
					吃时再醮上红鼓油便让人更加的回味无穷了。
				</div>
			</div>
			<div class="meishi">
				<p>卤鹅</p>
				<div class="msjieshao">
					卤鹅是广东潮汕地区传统的汉族名菜，属于潮菜系。潮汕卤鹅所用的卤味和其他地方的卤水不同之处是加入南姜，
					它除了强烈的姜味，还具有肉桂、丁香和胡椒的香味特征，卤鹅肉质肥美，肥而不腻，一直以来都是潮汕人餐桌中不可或缺的食物。
				</div>
			</div>
			<div class="meishi">
				<p>蚝烙</p>
				<div class="msjieshao">
					汕头临海，海产品丰富，蚝也是其中一种。在汕头的城乡各处，无论是城市的街头巷尾，常有出售蚝烙的小店。
					蚝烙是广东潮汕地区的汉族传统小吃，属于粤菜系。蚝烙的味道鲜美酥香，酥而不硬，
					脆而不软，这是外地人来潮汕必尝的一道美食。
				</div>
			</div>
		</div>
        <!-- 写到这里  下面是底部 和底部保持间隙-->
        <my-footer></my-footer>
           
    </div>
</template>

<script>
export default {
    name: 'Guangzhou',
    data() {
        return {
            carouselImg:[
                // 跟下面路径形式来加景点观光轮播图，加多少都可以
                { url: require("@/assets/shantou/shantou01.jpg")},
                { url: require("@/assets/shantou/shantou02.jpg")},
				{ url: require("@/assets/shantou/shantou03.jpg")}
            ],
            carouselMeishi:[
                // 跟下面路径形式来加地方美食轮播图，加多少都可以
                { url: require("@/assets/shantou/shantouzhuchang.jpg")},
                { url: require("@/assets/shantou/shantoulue.jpg")},
                { url: require("@/assets/shantou/shantouhaolao.jpg")},

            ],
            cityName:'汕头'
        }
    }

};
</script>

<style scoped>
.carousel {
    width: 800px;
    height: 360px;
    margin: 50px auto;
	margin-bottom: 10px;
}
.carousel img{
	max-width: 100%;
}
.carouselMeishi {
    margin: 0 auto;
    width: 1000px;
}
.carouselMeishi img {
    max-width: 100%;
    min-width: 100%;
}
.tourism {
    width: 1000px;
    /* background-color: #548615; */
    height: 350px;
    margin: 0 auto;
    font-family: NSimSun;

}
.food {
    width: 1000px;
    /* background-color: #55aaff; */
    height: 300px;
    margin: 50px auto;
    font-family: NSimSun;

}
.lvyou{
	width: 330px;
	height: 300px;
	/* font-size: 16px; */
	float: left;
	border-left: #999999 dashed 1px;
	border-right: #999999 dashed 1px;
}
.lvyou p{
	font-size: 28px;
	font-weight: bold;
	font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
	display: block;
}
.jingdian{
	text-indent: 28px;
	margin-left: 26px;
	margin-right: 26px;
	font-size: 16px;
	font-weight: bold;
}
.meishi{
	margin-top: 20px;
	width:310px;
	height: 250px;
	float: left;
	background-color: #b8d8ff;
	opacity: 0.8;
	border-radius: 25px;
	margin-left: 15px;
}
.meishi p{
	font-size: 28px;
	font-weight: bold;
	font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
	display: block;
	color: #000000;
}
.msjieshao{
	color: #000000;
	font-weight: bold;
	/* text-indent: 40px; */
}
</style>